Chrome简单实用

2018.4.28 星期六 9.40

技术/组织强壮；
开发方便；
搜索不做对比；

一基本使用

安装

支持正版；其他平台下载的可能是国内版。

chrome://version
正版：Google Inc.版权所有2018 Google Inc. 保留所有权利。

国内下载地址： https://www.google.cn/chrome
国内地址可以打开：http://www.google.cn/

其他问题

为什么在国内经常打不开 iTunes App Store 和 Mac App Store
以下设置1对我无效！设置1有时候根本连不上，气的我下载了pp助手。
1、在连接上网络的情况下，添加以下DNS服务器地址114.114.114.114、8.8.8.8；然后就可以正常使用了。 8.8.8.8是谷歌的，或许被墙；114实测有效。
2、反而是默认空白的 DNS服务器地址上的更快。我家用的是浙江电信的宽带。

url list

chrome://chrome-urls == chrome://about/
chrome://setting

chrome://flags/

chrome://inspect/#devices

chrome://extensions/shortcuts
设置插件的快捷键

清除chrome 缓存：chrome://net-internals/#dns

chrome://net-internals/#events

hsts

Chrome禁止http自动转为https
在Chrome浏览器地址栏输入chrome://net-internals/#hsts
在Delete domain security policies 中输入要删除自动转换的域名

原因
将HTTP请求自动转为HTTPS请求是浏览器的默认策略。当浏览器访问过某个HTTPS的网站后，再访问该网站时，一切HTTP请求会自动转为HTTPS请求。
HTTP转为HTTPS的主要原因是为了安全。

背景
url 强制开启https。或者取消强制https
开发的时候，绑定host。访问时强制开启了https，导致访问不到开发的资源
http:h5.xesv5.com:8066/

搜索

搜索页面也可以做很多设置。在搜索输入框下面，有设置/工具可以设置。
设置了结果打开方式。

打开新标签页：

ctrl+单击或者滚轮中间
谷歌的搜索引擎（默认安装好之后打开浏览器就是谷歌官网页面）→在搜索框中输入：设置→按回车键搜索一下——（搜索结果上面）设置→搜索设置—–结果打开方式→勾选
(说明：跳到新打开的页面，需要翻墙)
官网下架了，也有用户自行将其广告的功能废了。下载，解压，再将破解版的Neat_Bookmarks_0.8.9.crx文件拖拽到谷歌浏览器内，该插件就会自行安装了。百度云分享：http://pan.baidu.com/s/1eRDDlBW
书签
结合Vimium。

开发者工具

开发者工具 windows-safari：偏好设置—->高级—->勾选

要在开发者工具的Settings界面中 Perference中找到DevTools，勾选Auto-open DevTools for popups就好了

现在打开新窗口是 devtools 总是自动打开，重置了浏览器设置也不行。（上面的也不行）
应该是浏览器坏掉了

chrome console

一个字符 -（中划线），如下图所示：在Network这个选项卡的最左边有一个过滤的输入框，你只需要输入 - 就可以看到提示：
里面选项很多，不过你可以选中这些选项之后继续输入冒号查看当前选项内容提示：
注意这个表达式前面没有 -（中划线），输入 - 它的目的是为了让你看到chrome提供了那些高级的选项。
但是它本身的含义是取反.我们可以通过使用 -.css -.js 来过滤掉css和js文件。-.css 和 -.js中间使用空格分开.

参考：
Chrome 开发者工具 https://developers.google.cn/web/tools/chrome-devtools/?hl=zh-cn

devices

可以自定义ua，比如qq，myapp等。
设置分辨率等。

network

4g-chian-avg：Download 29920 kbit/s， Upload: 12480 kbit/s
<!– 三大运营商4G网速谁家最快？中国4G平均网速揭晓

根据Speedtest公布的统计数据，目前中国的4G移动网速平均下载速度为29.91Mbps（3.74MB/s），平均上传速度则是12.5Mbps（1.56MB/s）。这个数值算快还是慢呢？

相对于全球移动宽带平均下载速度22.99Mbps，平均上传速度9.19Mbps来说，还算是不错的。

最慢的是中国移动。
移动的4G信号覆盖虽然广，但其用户数量远远超过联通和电信，平均下来，网速也就自然不如联通和电信了。
–>

perfomance

Chrome DevTools: Throttle the CPU for a deeper understanding on page performance
What does 4x slower CPU throttle in Chrome DevTools simulate in terms of hardware?

其它

设置，任务管理器，…

谷歌浏览器自带截图功能

1) f12
2) 快捷键：
window:Ctrl + Shift + P
mac:command + Shift + P

紧接着输入指令 capture，它会提示有三个选项，如下图所示：
分别是截取全屏、node 模式以及当前范围，用鼠标点击或者用键盘选择对应的就可以了。

二快捷键

https://support.google.com/chrome/answer/157179?hl=zh-Hans

结合Vimium
C+ w，C+ n， C+num,C+tab,
CS+ n:
CS+ b : 显示/隐藏工具栏书签
F6: 定位到url地址栏

三扩展程序

qiang: https://chrome.google.com/webstore/category/extensions?hl=zh-CN
可以打包/下载安装。(包括书签)

crx墙内安装

下面这些就不介绍了

网页工具

Google 翻译, JSON Viewer,~~ JSONView， Charset, Evernote Web Clipper
Vue.js devtools
ColorZilla，ColorPick Eyedropper~~
Restlet Client - REST API Testing ，cross-request （Yapi的插件）

管理工具

Proxy SwitchyOmega, TamperMonkey, Vimium, Web Server for Chrome,

chrome

Google 文档的离线功能 Google 绘图（可能是自己添加的）
幻灯片文档表格

Symantec Extension（企业自动安装的，不能删掉）

\$_PS: 文档/表格是不错：网页；模板；但是还是喜欢自己的模板，用软件编辑方便。
不需要，同步/备份。

特殊介绍

书签+Vimium：方便打开书签
bookmarklet和书签的区别与联系。bookmarklet单击可以直接新标签页/其他一些脚本
bookmarklet和脚本/TamperMonkey的区别与联系。tampermonkey自动在符合条件的页面执行脚本

其它

Axure RP Extension for Chrome：直接改index.html，把改本地地址跳转chrome 的两处注释掉
二維碼生成器 (Quick QR)6.16， ~~The QR Code Extension 0.3~~

未使用

Awesome New Tab Page,OneTab
JSON Formatter,JSONView
GFW: 谷歌上网助手，谷歌访问助手（都不实用）
识别网页字体的，
webRTC相关，录制等

其它参考：
chrome五十大实用插件集合

问题

chrome 快捷方式打不开：可能是新旧版本不同，或者桌面任务栏快捷方式问题。重新安装或者移动任务栏快捷方式位置
chrome 设置–>下载文件导致页面奔溃：和搜狗输入法有关，设置的时候把搜狗输入法切换成英文或者关闭该输入法。搜狗输入法需V9以上

chrome浏览器本地文件支持ajax请求

给chrome加上启动参数：
–allow-file-access-from-files
或者　
–disable-web-security
如，右击谷歌浏览器快捷图标-属性–快捷方式-目标

C:\Users\hp\AppData\Local\Google\Chrome\Application\chrome.exe –allow-file-access-from-files

\ # [配置Chrome支持本地（file协议）的AJAX请求]
原因很简单，浏览器（Webkit内核）的安全策略决定了file协议访问的应用无法使用XMLHttpRequest对象，错误消息中也很清楚的说明了：
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

跨域请求仅支持协议：http, data, chrome, chrome-extension, https, chrome-extension-resource

在某些浏览器中是允许这种操作的，比如Firefox浏览器，也就是说Filefox支持file协议下的AJAX请求。

其它：
# XMLHttpRequest cannot load file:///D:/work/ Or…
google浏览器访问jason文件出现Origin null is not allowed by Access-Control-Allow-Origin. 让chrome支持本地Ajax请求一般情况下，在chrome中运行一些含Ajax请求的界面原型时，会抛出下面错误：XMLHttpRequest cannot load file:///D:/eclipse/workspace/uiTest/WebContent/table1.html. Origin null is not allowed by Access-Control-Allow-Origin.从网上看到了解决办法，记下来以备忘：给chrome加上启动参数：–allow-file-access-from-files就可以了(需要关闭所有chrome窗口重启浏览器)。

Safari浏览器

1. f12：偏好设置——高级—-勾选

一 基本使用

安装